﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
    <meta name="screen-orientation" content="portrait"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/weui.min.css">
    <link rel="stylesheet" href="css/m_ektz.css">
    <title>去答题</title>
    <style>
        .exam-item {
            height: 7rem;
            padding: 1rem;
            margin: 1rem;
        }
        .exam-item .exam-title{
            height: 3.3rem;
            font-size: 1.5rem;
            font-family: KohinoorDevanagari-Medium;
            color: rgba(249,108,104,1);
            line-height: 3.3rem;
        }
        .exam-item .exam-time {
            height:2.1rem;
            font-size:.8rem;
            font-family:PingFangSC-Mdium;
            color:rgba(249,108,104,1);
            line-height:2.1rem;
        }
        .go-ranking{
            display: block;
            width: 16rem;
            margin: auto;
            height: 3rem;
            line-height: 2.5rem;
            color: #FFFFFF;
            font-size: 1rem;
            text-align: center;
            background: linear-gradient(180deg,rgba(243,149,149,1),rgba(231,131,131,1));
            box-shadow: 0rem 0rem 0.15rem rgba(249,108,104,1);
            border-radius: 1.5rem;
            border: 0.2rem solid rgba(244,199,199,1);
        }
    </style>
</head>
<body>
<div class="container" style="background-image: url('images/answer/bg.png')">
    <div class="full-index-page">
        <div class="index-body" style="padding-top: 1rem">
            <ul>
                <li>
                    <div class="exam-item" style="background-image: url('images/answer/icon_yucedati.png'); background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%;">
                        <div class="exam-title">预测答题</div>
                        <div class="exam-time">开放日期：07月05日-07月10日</div>
                    </div>
                </li>
                <li>
                    <div class="exam-item" style="background-image: url('images/answer/icon_haixuansai.png'); background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%;">
                        <div class="exam-title">海选赛</div>
                        <div class="exam-time">开放日期：07月16日-08月01日</div>
                    </div>
                </li>
                <li>
                    <div class="exam-item" style="background-image: url('images/answer/icon_jinjisai.png'); background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%;">
                        <div class="exam-title">晋级赛</div>
                        <div class="exam-time">开放日期：08月06日-08月20日</div>
                    </div>
                </li>
            </ul>
            <a class="go-ranking" href="ranking.html">赛事排名</a>
        </div>
        <div class="footer" style="margin-top: 0;">
            <img src="images/index/foot_banner.png">
        </div>
    </div>
</div>
</body>
<script src="js/rem.js"></script>
<script src="js/jquery-3.1.1.js"></script>
<script src="js/jquery-mvalidate.js"></script>
<script src="js/weui.min.js"></script>
<script src="js/jsrender.js"></script>
<script src="js/api.js"></script>
<script src="js/action.js"></script>
</html>